<nz-spin [nzSpinning]="isSpinning">
  <section class="dashboard_container">
    <p class="dashboard_container-title">Article<span>文章列表</span></p>

    <!--图形区域-->
    <div class="graphic_container">
      <div class="graphic_btn-container">
        <button nz-button nzType="primary" [routerLink]="['/back/dashboard/edit-article']" [queryParams]="{id:0}">新增文章</button>
      </div>
      <nz-table #articleTable [nzData]="ariticeData">
        <thead>
          <tr>
            <th>标题</th>
            <th>图片</th>
            <th class="article_date">日期</th>
            <th>文章简介</th>
            <th class="article_operating">操作</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let data of articleTable.data">
            <td>{{data.title}}</td>
            <td class="article_img"><img src="{{data.img}}" alt=""></td>
            <td class="article_date">{{data.date | date:'yyyy-MM-dd HH:mm:ss'}}</td>
            <td>{{data.details}}</td>
            <td class="article_operating">
              <a [routerLink]="['/back/dashboard/edit-article']" [queryParams]="{id:data.id}">修改</a>
              <nz-divider nzType="vertical"></nz-divider>
              <a (click)="deleteArticleFunc(data.id)">删除</a>
            </td>
          </tr>
        </tbody>
      </nz-table>
    </div>
  </section>
</nz-spin>

